<!DOCTYPE html>
<html>
<head>
    <#import "./common/common.macro.ftl" as netCommon>
    <title>艺术上海 - ARTPLUS SHANGHAI</title>
    <meta charset="utf-8" />
    <meta name="keywords" content="艺术博览会,艺术展,艺术平台,艺术家,大型国企艺术品电商平台,艺术上海国际博览会,ART PLUS SHANGHAI" />
    <meta name="description" content="大型国企艺术品电商平台,艺术上海国际博览会" />
    <base target="_blank" />
    <#if domain?contains("www.artplussh.cn")>
        <meta name="sogou_site_verification" content="KaD7Hz6DB3"/>
        <meta name="bytedance-verification-code" content="W7hyfaO69geZfTo++9Jp" />

    </#if>

    <#if domain?contains("www.artplussh.com")>
        <meta name="sogou_site_verification" content="wBJRCRYcii"/>
        <meta name="bytedance-verification-code" content="Zy7yrslB22+RJQAuCMw+" />
    </#if>

    <#if domain?contains("www.artshanghaifair.com")>
        <meta name="sogou_site_verification" content="DQYKdVIM3T"/>
        <meta name="bytedance-verification-code" content="FC++/4XGqeihbH10fQ/O" />
    </#if>

    <meta name="shenma-site-verification" content="c5ff0fd7a7ff6de2eeb66fa147ce49c1_1615775363">

    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/home/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/js/owl/owl.carousel.css" rel="stylesheet" />
    <link href="/static/js/owl/owl.theme.css" rel="stylesheet" />
    <link href="/static/css/swiper.css" rel='stylesheet' />
    <script src="/static/js/swiper.min.js"></script>
    <link rel="icon" type="image/png" href="/static/img/icon.png"/>


</head>
<body>
<#--<#import "spring.ftl" as spring>-->
<#--<@spring.message code="user.loginname"/>-->
<!-- header -->
<@netCommon.commonHeader "首页" menu i18n/>

<div class="swiper-container" style="margin-top: 90px;padding-bottom:50px;">
    <div class="swiper-wrapper">
        <#list homeBanner as items>
             <div class="swiper-slide"><a class=" item" style="width:100%;height:470px;display:block;background-image:url(${items.image});background-repeat:no-repeat;background-position:center center;background-size:cover;" href="${items.url}" target="_blank"></a></div>
        </#list>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<div class="container-index">
    <section class="section-index">
        <div class="section-index-header">
            <h2>${homeActivity.title!''}</h2>
            <p>${homeActivity.des!''}</p>
        </div>
        <div class="section-index-bodyer">
            <div class="section-index-actitiy">
                <div class="section-index-actitiy-item" >
                        <a href="${homeActivity.url1!''}" target="_blank"> <img src="${homeActivity.img1!''}"/></a>
                </div>
                <div class="section-index-actitiy-item">
                    <a href="${homeActivity.url2!''}"  target="_blank"> <img src="${homeActivity.img2!''}"/></a>
                </div>
            </div>
        </div>
    </section>
</div>

<div class="container-index">
    <section class="section-index">
        <div class="section-index-header">
            <h2>${homeArtist.title!''}</h2>
            <p>${homeArtist.des!''}</p>
        </div>
        <div class="section-index-bodyer">
            <div class="section-index-artist">
                <div class="section-index-artist-left">
                       <h1>${homeArtist.bigTitle!''}</h1>
                       <div class="section-index-artist-left-info">
                           <div class="imgs"><a href="${homeArtist.url2!''}" target="_blank"><img src="${homeArtist.img1!''}" alt=""></a> </div>
                           <div class="infos">${homeArtist.info!''}</div>
                       </div>
                </div>
                <div class="section-index-artist-right">
                        <div class="artist-box">
                            <div class="artist-box-img">
                                <a href="${homeArtist.url1!''}" target="_blank"> <img src="${homeArtist.img2!''}" alt=""></a>
                            </div>
                        </div>
                </div>
            </div>

        </div>
    </section>
</div>


<#if homeProductSort.isShow =="1">
<div class="container-index">
    <section class="section-index">
        <div class="section-index-header">
            <h2>${homeProductSort.title!''}</h2>
            <p>${homeProductSort.des!''}</p>
        </div>
        <div class="section-index-bodyer">
            <div class="works-list-recommend">
                <div class="works-list-recommend-left">
                    <#list pMap.data as item>
                   <a class="works-list-recommend-left-item" href="/works/detail?productNo=${item.productNo}">
                       <img class="works-list-recommend-left-item-img" src="${item.image}"/>
                       <div class="works-list-recommend-left-item-info">
                           <h3><#list item.artists as itx>
                                    ${itx.name!''}
                               </#list></h3>
                           <p>${item.name}  <br/><span style="color: #999">${item.bizValue6!''}x${item.bizValue5!''}cm</span></p>
                           <span>¥${item.price?if_exists}</span>
                           <div class="btn">立即购买</div>
                       </div>
                   </a>
                    </#list>

                </div>
                <div class="works-list-recommend-right" style="background-image: url('${homeProductSort.img1!''}');background-size: cover">
                        <div class="works-list-recommend-right-top">
                            <h3>${homeProductSort.bigTitle!''}</h3>
                            <p>${homeProductSort.info!''}</p>
                        </div>
                    <div class="works-list-recommend-right-button">
                        <a href="${homeProductSort.url!''}" target="_blank"> <div class="btn">
                                查看详情
                            </div></a>
                    </div>

                </div>
            </div>
        </div>
    </section>
</div>

</#if>
<#--<#if homeProductCate.isShow =="1">-->

<#--<div class="container-index">-->
<#--    <section class="section-index">-->
<#--        <div class="section-index-header">-->
<#--            <h2>${homeProductCate.title!''}</h2>-->
<#--            <p>${homeProductCate.des!''}</p>-->
<#--        </div>-->
<#--        <div class="section-index-bodyer">-->
<#--            <div class="works-list-works">-->
<#--                <a class=" works-list-works-item  works-list-works-item-col-2">-->
<#--                    <img class="works-list-works-item-img" src="${homeProductCate.img1!''}"/>-->
<#--                    <div class="works-list-works-item-info">-->
<#--                        <h3>${homeProductCate.info!''}</h3>-->


<#--                    </div>-->
<#--                </a>-->


<#--                <#list CMap.data as item>-->
<#--                <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">-->
<#--                    <img class="works-list-works-item-img" src="${item.image!''}"/>-->
<#--                    <div class="works-list-works-item-info">-->
<#--                        <h3><#list item.artists as itx>-->
<#--                                ${itx.name!''}-->
<#--                            </#list></h3>-->
<#--                        <p>${item.name}</p>-->
<#--                        <span>¥${item.price?if_exists}</span>-->
<#--                    </div>-->
<#--                </a>-->
<#--                </#list>-->

<#--            </div>-->
<#--        </div>-->
<#--    </section>-->
<#--</div>-->

<#--</#if>-->


<#if homeProudct1?? && homeProudct1.isShow?? && homeProudct1.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct1.title!''}</h2>
                <p>${homeProudct1.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class="works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct1.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct1.name!''}</h1>
                        </div>
                    </a>

                    <#if homeProudct1.list??>
                        <#list homeProudct1.list as item>
                            <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                                <img class="works-list-works-item-img" src="${item.image!''}"/>
                                <div class="works-list-works-item-info">
                                    <h3><#list item.artists as itx>
                                            ${itx.name!''}
                                        </#list></h3>
                                    <p>${item.name}
                                    <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                        ${item.bizValue6!''}x${item.bizValue5!''}cm
                                    </#if>
                                    </p>
                                    <#if item.price?? && item.price gt 0>
                                        <span>¥${item.price}</span>
                                    </#if>
<#--                                    <span>¥${item.price?if_exists}</span>-->
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>


<#if homeProudct2?? && homeProudct3.isShow?? && homeProudct2.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct2.title!''}</h2>
                <p>${homeProudct2.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct2.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct2.name!''}</h1>
                        </div>
                    </a>

                    <#if homeProudct2.list??>
                        <#list homeProudct2.list as item>
                            <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                                <img class="works-list-works-item-img" src="${item.image!''}"/>
                                <div class="works-list-works-item-info">
                                    <h3><#list item.artists as itx>
                                            ${itx.name!''}
                                        </#list></h3>
                                    <p>${item.name}
                                        <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                            ${item.bizValue6!''}x${item.bizValue5!''}cm
                                        </#if>
                                    </p>
<#--                                    <span>¥${item.price?if_exists}</span>-->
                                    <#if item.price?? && item.price gt 0>
                                        <span>¥${item.price}</span>
                                    </#if>
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>


<#if homeProudct3?? && homeProudct3.isShow?? && homeProudct3.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct3.title!''}</h2>
                <p>${homeProudct3.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct3.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct3.name!''}</h1>
                        </div>
                    </a>

                    <#if homeProudct3.list??>
                        <#list homeProudct3.list as item>
                            <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                                <img class="works-list-works-item-img" src="${item.image!''}"/>
                                <div class="works-list-works-item-info">
                                    <h3><#list item.artists as itx>
                                            ${itx.name!''}
                                        </#list></h3>
                                    <p>${item.name}
                                        <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                            ${item.bizValue6!''}x${item.bizValue5!''}cm
                                        </#if>
                                    </p>
<#--                                    <span>¥${item.price?if_exists}</span>-->
                                    <#if item.price?? && item.price gt 0>
                                        <span>¥${item.price}</span>
                                    </#if>
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>

<#if homeProudct4?? &&  homeProudct4.isShow?? &&  homeProudct4.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct4.title!''}</h2>
                <p>${homeProudct4.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct4.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct4.name!''}</h1>
                        </div>
                    </a>

                    <#if homeProudct4.list??>
                        <#list homeProudct4.list as item>
                            <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                                <img class="works-list-works-item-img" src="${item.image!''}"/>
                                <div class="works-list-works-item-info">
                                    <h3><#list item.artists as itx>
                                            ${itx.name!''}
                                        </#list></h3>
                                    <p>${item.name}
                                        <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                            ${item.bizValue6!''}x${item.bizValue5!''}cm
                                        </#if>
                                    </p>
<#--                                    <span>¥${item.price?if_exists}</span>-->
                                    <#if item.price?? && item.price gt 0>
                                        <span>¥${item.price}</span>
                                    </#if>
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>

<#if homeProudct5??  &&  homeProudct5.isShow?? &&  homeProudct5.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct5.title!''}</h2>
                <p>${homeProudct5.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct5.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h3>${homeProudct5.bigTitle!''}</h3>
                            <p>${homeProudct5.name!''}</p>

                        </div>
                    </a>

                    <#if homeProudct5.list??>
                        <#list homeProudct5.list as item>
                            <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                                <img class="works-list-works-item-img" src="${item.image!''}"/>
                                <div class="works-list-works-item-info">
                                    <h3><#list item.artists as itx>
                                            ${itx.name!''}
                                        </#list></h3>
                                    <p>${item.name}
                                        <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                            ${item.bizValue6!''}x${item.bizValue5!''}cm
                                        </#if>
                                    </p>
<#--                                    <span>¥${item.price?if_exists}</span>-->
                                    <#if item.price?? && item.price gt 0>
                                        <span>¥${item.price}</span>
                                    </#if>
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>


<#if homeProudct6??  && homeProudct6.isShow?? && homeProudct6.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct6.title!''}</h2>
                <p>${homeProudct6.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct6.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct6.name!''}</h1>

                        </div>
                    </a>

                    <#if homeProudct6.list??>
                    <#list homeProudct6.list as item>
                        <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                            <img class="works-list-works-item-img" src="${item.image!''}"/>
                            <div class="works-list-works-item-info">
                                <h3><#list item.artists as itx>
                                        ${itx.name!''}
                                    </#list></h3>
                                <p>${item.name}
                                    <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                        ${item.bizValue6!''}x${item.bizValue5!''}cm
                                    </#if>
                                </p>
<#--                                <span>¥${item.price?if_exists}</span>-->
                                <#if item.price?? && item.price gt 0>
                                    <span>¥${item.price}</span>
                                </#if>
                            </div>
                        </a>
                    </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>


<#if homeProudct7??  && homeProudct7.isShow?? && homeProudct7.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct7.title!''}</h2>
                <p>${homeProudct7.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct7.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct7.name!''}</h1>

                        </div>
                    </a>

                    <#if homeProudct7.list??>
                    <#list homeProudct7.list as item>
                        <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                            <img class="works-list-works-item-img" src="${item.image!''}"/>
                            <div class="works-list-works-item-info">
                                <h3><#list item.artists as itx>
                                        ${itx.name!''}
                                    </#list></h3>
                                <p>${item.name}
                                    <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                        ${item.bizValue6!''}x${item.bizValue5!''}cm
                                    </#if>
                                </p>
<#--                                <span>¥${item.price?if_exists}</span>-->
                                <#if item.price?? && item.price gt 0>
                                    <span>¥${item.price}</span>
                                </#if>
                            </div>
                        </a>
                    </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>


<#if homeProudct8??  && homeProudct8.isShow?? && homeProudct8.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct8.title!''}</h2>
                <p>${homeProudct8.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct8.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct8.name!''}</h1>

                        </div>
                    </a>

                    <#if homeProudct8.list??>
                    <#list homeProudct8.list as item>
                        <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                            <img class="works-list-works-item-img" src="${item.image!''}"/>
                            <div class="works-list-works-item-info">
                                <h3><#list item.artists as itx>
                                        ${itx.name!''}
                                    </#list></h3>
                                <p>${item.name}
                                    <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                        ${item.bizValue6!''}x${item.bizValue5!''}cm
                                    </#if>
                                </p>
<#--                                <span>¥${item.price?if_exists}</span>-->
                                <#if item.price?? && item.price gt 0>
                                    <span>¥${item.price}</span>
                                </#if>
                            </div>
                        </a>
                    </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>


<#if homeProudct9??  && homeProudct9.isShow?? && homeProudct9.isShow =="1">
    <div class="container-index">
        <section class="section-index">
            <div class="section-index-header">
                <h2>${homeProudct9.title!''}</h2>
                <p>${homeProudct9.des!''}</p>
            </div>
            <div class="section-index-bodyer">
                <div class="works-list-works">
                    <a class=" works-list-works-item  works-list-works-item-col-2">
                        <img class="works-list-works-item-img" src="${homeProudct9.img1!''}"/>
                        <div class="works-list-works-item-info">
                            <h1>${homeProudct9.name!''}</h1>

                        </div>
                    </a>
                    <#if homeProudct9.list??>
                        <#list homeProudct9.list as item>
                            <a class="works-list-works-item" href="/works/detail?productNo=${item.productNo}">
                                <img class="works-list-works-item-img" src="${item.image!''}"/>
                                <div class="works-list-works-item-info">
                                    <h3><#list item.artists as itx>
                                            ${itx.name!''}
                                        </#list></h3>
                                    <p>${item.name}
                                        <#if (item.bizValue6?? && item.bizValue6 !='') &&  (item.bizValue5?? && item.bizValue5 !='')>
                                            ${item.bizValue6!''}x${item.bizValue5!''}cm
                                        </#if>
                                    </p>
<#--                                    <span>¥${item.price?if_exists}</span>-->
                                    <#if item.price?? && item.price gt 0>
                                        <span>¥${item.price}</span>
                                    </#if>
                                </div>
                            </a>
                        </#list>
                    </#if>
                </div>
            </div>
        </section>
    </div>
</#if>




<div class="container-index">
    <section class="section-index">
        <div class="section-index-header">
            <h2>${homeService.title!''}</h2>
            <p>${homeService.des!''}</p>
        </div>
    </section>
</div>

<div class="container-bg-gray">
    <div class="container-index">
        <div class="index-tips">
            <div class="index-tips-tabs">
                <div class="index-tips-tabs-item index-tips-tabs-item-curr" data-id="tips-1">
                    <h4>${homeService.title1!''}</h4>
                    <p>${homeService.des1!''}</p>
                </div>
                <div class="index-tips-tabs-item" data-id="tips-2">
                    <h4>${homeService.title2!''}</h4>
                    <p>${homeService.des2!''}</p>
                </div>
                <div class="index-tips-tabs-item" data-id="tips-3">
                <h4>${homeService.title3!''}</h4>
                <p>${homeService.des3!''}</p>
             </div>
            </div>

            <div class="index-tips-tabs-content" >
                <img src="${homeService.img1!''}" class="tips-img" style="display: block"  id="tips-1"/>
                <img src="${homeService.img2!''}" class="tips-img"  id="tips-2"/>
                <img src="${homeService.img3!''}" class="tips-img"  id="tips-3"/>
            </div>
        </div>
    </div>
</div>


<div class="container-index">
    <section class="section-index">
        <div class="section-index-header">
            <h2>${homeService.tt1!''}</h2>
            <p>${homeService.dd2!''}</p>
        </div>
        <div class="section-index-bodyer" style="background: #f2f3f5; padding: 10px 0px">
            <div class="why-us-item">
                <div class="why-us-item-tips">${homeService.tip1!''}</div>
                <div class="why-us-item-img"></div>
                <div class="why-us-item-content">${homeService.tipDes1!''}</div>
            </div>
            <div class="why-us-item">
                <div class="why-us-item-tips">${homeService.tip2!''}</div>
                <div class="why-us-item-img"></div>
                <div class="why-us-item-content">${homeService.tipDes2!''}</div>
            </div>
            <div class="why-us-item">
                <div class="why-us-item-tips">${homeService.tip3!''}</div>
                <div class="why-us-item-img"></div>
                <div class="why-us-item-content">${homeService.tipDes3!''}
                </div>
            </div>
            <div class="why-us-item">
                <div class="why-us-item-tips">${homeService.tip4!''}</div>
                <div class="why-us-item-img"></div>
                <div class="why-us-item-content">${homeService.tipDes4!''}</div>
            </div>
        </div>
    </section>
</div>




<!-- footer -->
<@netCommon.commonFooter footer friendLink copyright i18n/>

<@netCommon.commonScript />
<script type="text/javascript" src="/static/js/owl/owl.carousel.js"></script>

<script>
    $(function () {

        $(".index-tips-tabs-item").click(function(){
            $(".index-tips-tabs-item").removeClass('index-tips-tabs-item-curr')
            $('.tips-img').hide();
            $(this).addClass('index-tips-tabs-item-curr');
            var idx = $(this).attr('data-id')
            $('#'+idx).show();
        })

          var mySwiper = new Swiper ('.swiper-container', {
            loop: true,
            observer: true,
            pagination: {
            el:'.swiper-pagination',
            clickable: true,
            //修改分页器样式
            bulletClass : 'swiper-pagination-customs',
            //激活样式
            bulletActiveClass: 'swiper-pagination-customs-active',
            },
            autoplay: {
            delay: 3000,
            disableOnInteraction: false,
            },
          })

    })
</script>

</body>
</html>
